@extends('mobile.inc.common')
@section('title')
	<title>好文 - 奇异果聚合</title>
	<meta name="keywords" content="{{$cate_info->seo_key}}" />
	<meta name="description" content="{{$cate_info->seo_intro}}" />
@endsection
@section('content')
			<!--header-->
			<!--banner-->
			<!--置顶轮播图-->
			<div id="slideBox" class="slideBox" style="margin-top: 90px;">

				<div class="bd">
					<ul>
						@foreach($recommend as $archive)
						<li>
							<a href="{{route('article.show_m', [$archive->id])}}"><img src="{{route('image', [trim($archive->cover, '/'), '375x215'])}}" /></a>
						</li>
						@endforeach
					</ul>
				</div>

				<div class="hd">
					<ul></ul>
				</div>
			</div>
			<script type="text/javascript">
				TouchSlide({
					slideCell: "#slideBox",
					titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell: ".bd ul",
					effect: "leftLoop",
					autoPage: true, //自动分页
					autoPlay: true, //自动播放
					interTime: 5000,
				});
			</script>
			<!--轮播图-->
			<!--挂图-->
			@foreach($category as $v)
			<div class="news-sort am-g">
				<div class="am-u-sm-4">
					<a href="{{url('article/cate/'.$v->cate_id)}}" class="news-sort-bg">
						<img src="{{asset('mobile/images/news/fire-white.png')}}" /> {{$v->cate_name}}
					</a>
				</div>
			</div>
			<!--挂图-->
			<div class="news-content">
				<div data-am-widget="intro" class="am-intro am-cf am-intro-default news-content-block">
					@foreach($v->archives as $archive)
					<div class="am-g am-intro-bd">
						<div class="am-intro-left am-u-sm-5 news-intro-left">
							<a href="{{route('article.show_m', [$archive->id])}}"><img src="{{route('image', [trim($archive->cover, '/'), '265x155'])}}" alt="小娜" /></a>
						</div>
						<div class="am-intro-right am-u-sm-7 news-intro-r">
							<h2><a href="{{route('article.show_m', [$archive->id])}}">{{mb_substr($archive->title,0,15)}}</a></h2>
							<p>{{mb_substr($archive->abstract,0,90)}}</p>

						</div>
						<div class="am-u-sm-12 news-tabs">
							<dl class="tab">
								@foreach($archive->tags()->get() as $tag)
									<dt style="background:#{{$tag->background_color or '0C80BA'}};"><a href="{{$tag->url}}">{{$tag->name}}</a></dt>
								@endforeach
							</dl>

							<button class="news-content-btn-more -mob-share-open" ></button>
							<button class="news-content-comment"><span class="has-comment"></span></button>
							@include('mobile.inc.share')
						</div>
					</div>
						@endforeach
				</div>
			</div>
			@endforeach
{{--			<div class="news-content-block news-more-btn" style="display: none;">
				<button>加载更多</button>
			</div>
			<div class="news-content-block news-more-btn">
				<button>收起列表</button>
			</div>--}}
@endsection